<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
			integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
		<link rel="stylesheet" href="./css/xxqg.css">
		<link rel="stylesheet" href="./css/bootstrap.css">
	</head>
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
		integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
		crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
		integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
		crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
		integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
		crossorigin="anonymous"></script>
	<style>
		* {
			margin: 0;
			padding: 0;
		}

		.xuexi {
			background-repeat: no-repeat;
			background-color: rgb(206, 0, 0);
			background-image: url(img/DM_20240304220415_001.jpg);
			height: 250px;
		}

		.logo {
			width: 1000px;
			height: 250px;
			margin-left: auto;
			margin-right: auto;
			position: relative;
		}

		.left {
			width: 300px;
			height: 160px;
			top: 35px;
			left: 50px;
			background-image: url(img/5c0cbdcb8a12e151903b3f14e3babc6f.png);
			position: absolute;
			background-repeat: no-repeat;
			background-size: contain;
		}

		.right {
			width: 454px;
			height: 164px;
			top: 58px;
			right: 22px;
			background-image: url(img/05b44bad063c5735d66906e3975ea644.png);
			position: absolute;
			background-repeat: no-repeat;
			background-size: contain;
		}

		.menu {
			background-repeat: no-repeat;
			min-width: 1000px;
			height: 84px;
			background-color: rgb(241, 238, 233);
		}

		.list {
			width: 850px;
			padding-left: 20px;
			padding-right: 20px;
			box-sizing: border-box;
			height: 84px;
			margin: 0 auto;
		}

		.menu-row {
			height: 42px;
		}

		.zi {
			color: rgb(15, 14, 14);
			text-align: center;
			line-height: 42px;
			margin-right: 50px;
			font-size: 18px;
			font-weight: 500;
			box-sizing: border-box;
			text-decoration: none;
		}

		.login {
			width: 150px;
			height: 84px;
			position: absolute;
			top: 260px;
			left: 1080px;
		}

		.sou {
			background-image: url(./img/sou.png);
			margin-bottom: 10px;
			width: 88px;
			height: 28px;
			display: block;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
		}

		.yong {
			background-image: url(./img/yong.png);
			width: 88px;
			height: 28px;
			display: block;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
		}

		.text1 {
			margin: 33px 20px 15px;
		}

		h1 {
			color: rgb(208, 2, 27);
			font-size: 34px;
			letter-spacing: 0px;
			font-weight: 900;
			margin-right: 7px;
			text-align: center;
		}

		.duo {
			font-weight: 600;
			font-size: 16px;
			margin-left: 10px;
			text-decoration: none;
			color: #d30000;
			font-family: SimSun;
			position: absolute;
			top: 416px;
			left: 1150px;
		}

		.linkItem {
			height: 40px;
			line-height: 40px;
			font-weight: 900;
			font-size: 18px;
			text-align: center;
			overflow: hidden;
			box-sizing: border-box;
		}

		.toTop {
			height: 50px;
			line-height: 50px;
			font-weight: 900;
			font-size: 18px;
			text-align: center;
			overflow: hidden;
			box-sizing: border-box;
		}
	</style>
</head>

<body>
	<header>
		<div class="xuexi">
			<div class="logo">
				<div class="left"></div>
				<div class="right"></div>
			</div>
		</div>
		<div class="menu">
			<div class="list">
				<div class="menu-row">
					<a class="zi" href="">思想</a>
					<a class="zi" href="">二十大时间</a>
					<a class="zi" href="">习近平文汇</a>
					<a class="zi" href="">学习理论</a>
					<a class="zi" href="">红色中国</a>
					<a class="zi" href="">学习科学</a>
				</div>
				<div class="menu-row">
					<a class="zi" href="">国际</a>
					<a class="zi" href="">五个一工程</a>
					<a class="zi" href="">学习电视台</a>
					<a class="zi" href="">学习电台</a>
					<a class="zi" href="">强军兴军</a>
					<a class="zi" href="">学习文化</a>
				</div>
			</div>
			<div class="login">
				<a class="sou" href=""></a>
				<a class="yong" href=""></a>
			</div>
		</div>
	</header>
	<section>
		<div class="che"
			style="display: block;overflow: visible;width: 105px;position: absolute;left: 1300px; top: 400px; z-index: 999;">
			<div class="linkItem" style="background-color: rgb(215, 215, 215); color: rgb(17, 17, 17);">站内搜索</div>
			<div class="linkItem" style="background-color: rgb(215, 215, 215); color: rgb(17, 17, 17);">我的学习</div>
			<div class="linkItem" style="background-color: rgb(215, 215, 215); color: rgb(17, 17, 17);">我的书房</div>
			<div class="linkItem" style="background-color: rgb(215, 215, 215); color: rgb(17, 17, 17);">我的积分</div>
			<div class="linkItem" style="background-color: rgb(215, 215, 215); color: rgb(17, 17, 17);">我要投稿</div>
			<div class="linkItem" style="background-color: rgb(215, 215, 215); color: rgb(17, 17, 17);">建议反馈</div>
			<div class="linkItem" style="background-color: rgb(215, 215, 215); color: rgb(17, 17, 17);">开放平台</div>
			<div class="toTop" style="background-color: rgb(181, 4, 19); color: rgb(255, 255, 255);">返回顶部</div>
			<div class="qrcodeBox" style="background-color: rgb(181, 4, 19);">
				<div class="qrcode" style="background-image: url(../01/img/ma.PNG);width: 85px;height: 85px;
				box-sizing: border-box;background-size: contain;margin: 0 auto;"></div>
				<div class="qrcodeText"
					style="color: #fff;line-height: 20px;font-size: 12px;font-weight: normal;text-align: center;">
					下载学习强国app</div>
			</div>
			<div class="servicePhone" style="background-color: rgb(181, 4, 19);">
				<div class="bigText"
					style="line-height: 28px;font-weight: 900;font-size: 18px;color: #fff;padding: 5px 0 3px;text-align: center;">
					服务热线</div>
				<div class="phoneText"
					style="line-height: 28px;font-weight: 900;font-size: 18px;color: #fff;padding: 5px 0 3px;text-align: center;">
					12361</div>
			</div>
			<div class="classPhone" style="background-color: rgb(181, 4, 19);">
				<div class="bigText"
					style="line-height: 28px;font-weight: 900;font-size: 18px;color: #fff;padding: 5px 0 3px;text-align: center;">
					值班电话</div>
				<div class="smallText"
					style="line-height: 20px;font-weight: 350;font-size: 14px;color: #fff;padding: 5px 0 3px;text-align: center;">
					010-55624303</div>
				<div class="smallText"
					style="line-height: 20px;font-weight: 350;font-size: 14px;color: #fff;padding: 5px 0 3px;text-align: center;">
					010-55624311</div>
			</div>
		</div>
		<div class="text1">
			<h1>习近平看望全国政协委员</h1>
		</div>
		<div class="title" style="margin-bottom: 11px;width: 1000px;margin: auto;">
			<h2 style="color: rgb(74, 74, 74); font-size: 12px;text-align:left;">
				6日下午，中共中央总书记、国家主席、中央军委主席习近平看望参加全国政协十四届二次会议的民革、科技界、环境资源界联组委员，并参加联组会，听取意见和建议
			</h2>
			<span class="duo">更多头条</span>
			<div style="width: 1000px; margin: 0 auto;">
				<hr style="height: 2px; width:1000px;background-color: #d30000">
				<hr style="height: 4px; width:1000px;background-color: #d30000;margin-top: -10px;">
			</div>
		</div>
		<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
			<ol class="carousel-indicators">
				<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"
					style="margin-bottom: 80px;"></li>
				<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
				<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
			</ol>
			<div class="carousel-inner">
				<div class="carousel-item active" style="text-align: center;">
					<img src="./img/4.JPEG" alt="..." style="margin-top: 10px; margin-bottom: 30px; ">
				</div>
				<div class="carousel-item" style="text-align: center;">
					<img src="./img/2.JPEG" alt="..." style="margin-top: 30px;margin-bottom: 30px;  ">
				</div>
				<div class="carousel-item" style="text-align: center;">
					<img src="./img/3.JPEG" alt="..." style="margin-top: 30px; margin-bottom: 30px; ">
				</div>
			</div>
			<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev"
				style="margin-left: 180px;">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next"
				style="margin-right: 180px;">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<div id="a1">
			<div id="a2">
				<div id="a3">
					<div id="a3-1">
						<span id="dk">打开</span><br>
						<div>《习近平谈治国理政》第一卷保加利亚文版..</div>
						<div>习近平等党和国家领导人出席全国政协十四..</div>
						<div>习近平致电祝贺舒尤克当选匈牙利总统</div>
						<div>《习近平关于尊重和保障人权论述摘编》...</div>
						<div>习近平在2024年春季学期中央党校 国家行...</div>
						<div>习近平主持二十届中共中央政治局第十二次..</div>
						<div>中共中央政治局召开会议 讨论政府工作报...</div>
						<div>《求是》杂志发表习近平总书记重要文章</div>
					</div>
					<div id="a3-2">
						<div>
							<img src="./img/重要活动.JPEG" alt="">
						</div>
						<div>
							<img src="./img/学习新视界.JPEG" alt="">
						</div>
						<div>
							<img src="./img/人民心中的习近平.JPEG" alt="">
						</div>
						<div>
							<img src="./img/世界眼中的习近平.JPEG" alt="">
						</div>
					</div>
				</div>
				<div id="a4">
					<div id="m1">
						<img src="./img/习近平同期声.PNG" alt="">
					</div>
					<div id="m2">
						<img src="./img/习近平足迹.PNG" alt="">
					</div>
					<div id="m1">
						<img src="./img/习近平日志.PNG" alt="">
					</div>
				</div>
			</div>
		</div>
	</section>
</body>

</html>